<template>
	<view class="container">
		<view>
			<teamHeader :dataInfo="dataInfo" />
		</view>
		<view class="container-tag">
		   我的团队
		</view>
	      <view style="padding-bottom: 30rpx;">
			   <teamCard :dataInfo="dataInfo" />
		  </view>
	</view>
</template>

<script>
	import teamCard from "./components/teamCard.vue"
	import teamHeader from "./components/teamHeader.vue"
	import request from "@/api/request.js"
	export default {
	  data(){
	    return {
			dataInfo: {},
			token: ''
		}
	  },
	  components: {
		teamCard,
		teamHeader
	  },
	  onLoad() {
	    this.token = uni.getStorageSync('token');
		this.getDataInfo()
	  },
	  methods: {
        getDataInfo(){
		  request({
		    url: '/kx/team/myTeam',
			data: {
				token: this.token
			},
			method: 'POST',
			successCb: (res) => {
			   this.dataInfo = res.data || {}
			}
		  })  
		}
	  }
	}
</script>

<style lang="scss" scoped>

	.comm-img {
	 width: 28rpx;
	 height: 22rpx;
	 object-fit: cover;	
	}
	.comm-text {
	  font-size: 24rpx;
	  color: #6D6D6D;
	  margin: 0 10rpx;  
	}
	.comm-count {
	  font-weight: 700;
	  font-size: 36rpx;
	  color: #3D3D3D;	
	}
	.container{
	 background: #F3F3F3;
	 width: 100%;
	 min-height: 98vh;
	&-tag {
		width: 112rpx;
	  margin: 26rpx 0 0 82rpx;
		font-weight: 700;
		font-size: 28rpx;
		color: #3D3D3D;
		border-bottom: 8rpx solid #FF8732;
	}
	}
	
</style>